<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Compose Message</title>
		<link rel='stylesheet' href='resources/css/asset.css' type='text/css' media='all' />
		<link rel='stylesheet' href='resources/css/style.css' type='text/css' media='all' />
		<link rel='stylesheet' href='resources/css/grid.css' type='text/css' media='all' />
		<script type="text/javascript" src="resources/js/jquery-1.8.2.min.js"></script>
		<script src="resources/js/vendor/jquery.ui.widget.js"></script>
		<script src="resources/js/jquery.iframe-transport.js"></script>
		<script src="resources/js/jquery.fileupload.js"></script>
		<script>
			$(function () {
			    $('#pictureUploader').fileupload({
			        dataType: 'multipart/form-data',
			        done: function (e, data) {
			            $.each(data.result, function (index, file) {
			                $('<p/>').text(file.name).appendTo(document.body);
			            });
			        }
			    });
			});
		</script>
	</head>
	<body>

<!-- Content -->
<section id="wrapper">
<!-- Header -->

<header id="header">
	<div id="logo">
	<h4>Babytivities</h4> 
	</div>
	<div id="backlinks">
		<ul>
			<li><a href="home.html">Home</a></li>
			<li><a href="scrap.html">Scrap</a></li>
			<li><a href="message.html">Message</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="profile.html">Profile</a></li>
		</ul>
	</div>
</header>
<div class="clearfix">&nbsp;</div>

<div id="main_wrap" class="container_12">
  <div class="grid_9 alpha">
     <div id="form">
     		<form>
			<p>
				poto lu mana? <input type="file" id="pictureUploader" 
				name="mypicture[]" data-url="services/manager/picture" multiple/>
			</p>
		</form>
     </div>
  </div>
  <div class="grid_3 omega">
       <div id="wrap_sidebar">
		<h3>Sidebar</h3>
	   </div>
  </div>
</div>

</section>

<!-- Footer -->
<footer id="footer">
	<span>&copy; 2012 <a href="#">babytivities</a></span>
</footer>

	</body>
</html>
